﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="uft-8" />
        <title>Login</title>
		<link rel="stylesheet" href="/static/css/bootstrap.min.css" type="text/css" />
        <style type="text/css">
            body
            {
                padding-top:40px;
                padding-bottom:40px;
                background-color:#eee;
                }
             .form-signin
             {
                 max-width:330px;
                 padding:15px;
                 margin:0 auto;
                 }
        </style>
        <script type="text/javascript">
        </script>
    </head>
    <body>
        <div class="container">
            <form class="form-signin" role="form" method="post" action="/login/">
                {% csrf_token %}
                <h2 class="form-signin-heading">Please sign in</h2>
                <input type="text" class="form-control" placeholder="Username" name="username" required autofocus />
                <input type="password" class="form-control" placeholder="Password" name="password" required />
                <label class="checkbox">
                    <input type="checkbox" value="remember-me" />Remember me
                    {% if error %}
                        <p style="color:Red;">用户名或者密码有误，请重新输入</p>
                    {% endif %}
                </label>
                <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
            </form>
        </div>
    </body>
</html>